<template>
	<div>
		文档：<a href="https://chenxuan0000.github.io/component-document/index_prod.html#/component/seamless-default"
			target="_blank">https://chenxuan0000.github.io/component-document/index_prod.html#/component/seamless-default</a>
		<br>
		<br>
		<VueSeamlessScroll :data="listData" class="seamless-warp">
			<ul class="item">
				<li v-for="(item, index) in listData" :key="index">
					<span class="title" v-text="item.title"></span><span class="date" v-text="item.date"></span>
				</li>
			</ul>
		</VueSeamlessScroll>
	</div>
</template>

<script>
import VueSeamlessScroll from './component/VueSeamlessScroll'
export default {
	components: {
		VueSeamlessScroll
	},
	data () {
		return {
			listData: [
				{
					'title': '无缝滚动第一行无缝滚动第一行',
					'date': '2017-12-16'
				},
				{
					'title': '无缝滚动第二行无缝滚动第二行',
					'date': '2017-12-16'
				},
				{
					'title': '无缝滚动第三行无缝滚动第三行',
					'date': '2017-12-16'
				},
				{
					'title': '无缝滚动第四行无缝滚动第四行',
					'date': '2017-12-16'
				}, {
					'title': '无缝滚动第五行无缝滚动第五行',
					'date': '2017-12-16'
				},
				{
					'title': '无缝滚动第六行无缝滚动第六行',
					'date': '2017-12-16'
				},
				{
					'title': '无缝滚动第七行无缝滚动第七行',
					'date': '2017-12-16'
				},
				{
					'title': '无缝滚动第八行无缝滚动第八行',
					'date': '2017-12-16'
				},
				{
					'title': '无缝滚动第九行无缝滚动第九行',
					'date': '2017-12-16'
				}
			]
		}
	}
}
</script>
<style lang="less" scoped>
.seamless-warp {
	height: 229px;
	overflow: hidden;
}
</style>
